<DOCTYPE HTML>
<html>
<head>
<title></title>
<meta charset="utf-8">
<style type="text/css">
*{padding:0px; margin: 0px;}
/*不能使用padding来使contain居中，否则会改变total的大小。
  可以通过设置左边和上边的padding值使contain居中。值的大小要等于div两个div大小之间的差值*/
.total{border:1px solid red; width:800px; height:600px; margin:30px auto; position: relative;  padding-left:200px; padding-right:0px; padding-top:200px; padding-bottom:0px;}
.contain{border:1px solid black; width:600px; height: 400px; position:absolute;}
</style>
</head>
<body>
<div class="total">
<div class="contain">
</div>
</div>
</body>
</html>